



  //成功响应
  function resSuccess(msg){
    $(".baseModel").addClass('successModel')
    $(".baseModel p").html(msg)
    $(".baseModel").show()
  window.setTimeout(function(){
       $(".baseModel").hide()
       $(".baseModel").removeClass("successModel");
   },1000);//显示的时间
  }
  
  //失败响应
  function resError(msg){
    $(".baseModel").addClass('errorModel')
    $(".baseModel p").html(msg)
    $(".baseModel").show()
  window.setTimeout(function(){
       $(".baseModel").hide()
       $(".baseModel").removeClass("errorModel");
   },2000);//显示的时间
  }



  // 隐藏导航栏显示
  $(window).on('scroll',function(){
    const n = document.documentElement.scrollTop;
    if(n>= 170){
      $('.mikufun_header_hide').css('opacity','1')
    }
    if(n<= 170){
      $('.mikufun_header_hide').css('opacity','0')
    }
    if(n>= 270){
      $('.headerbotm-hide').css('display','block')
    }
    if(n<= 270){
      $('.headerbotm-hide').css('display','none')
    }
  })

  // 二级导航栏展开
  $('.header-nav').on('mouseenter',function(){
    $('.openicon').removeClass('icon-xiangxia')
    $('.openicon').addClass('icon-jiantoushang')
    $(this).css('max-height','78px')
  })
  $('.header-nav').on('mouseleave',function(){
    $('.openicon').removeClass('icon-jiantoushang')
    $('.openicon').addClass('icon-xiangxia')
    $(this).css('max-height','38px')
  })

  //侧边栏滚动一段距离后出现
  $(window).scroll(function(){
    if($(window).scrollTop()>800){
      $('.sidebar').show()
    }else{
      $('.sidebar').hide()
    }
    })

/* 鼠标移入导航头像显示头像卡片信息 */
$('.userfixed').click(function(){
  if(nowuser.uid!=null){
  $('.userfixed').addClass('useractive')
  $('.userfixed img').addClass('imgactive')
  $('.usercard').slideDown('0.3s')
  }
})
$('.userfixed').mouseleave(function(){
  $(document).mousemove(function(e){
    
    if($('.usercard')[0]==e.target||$('.user')[0]==e.target||$(e.target).parents('.usercard').length!=0){
      $(document).off()
    }else{
      $('.usercard').slideUp('0.3s')
      $('.userfixed img').removeClass('imgactive')
      $('.userfixed').removeClass('useractive')
      $(document).off()
    }
  })
})
$('.usercard').on('mouseleave',function(){
  $(document).mousemove(function(e){
    if($('.userfixed')[0]==e.target||$(e.target).parents('.userfixed').length!=0){
      $(document).off()
    }else{
      $('.usercard').slideUp('0.1s')
      $('.userfixed img').removeClass('imgactive')
      $('.userfixed').removeClass('useractive')
      $(document).off()
    }
  })
})
// $('.userfixed').click(function(){

// })
// $('.usercard').mouseleave(function(){
//   $('.userfixed img').removeClass('imgactive')
//   $('.userfixed').removeClass('useractive')
//   $('.usercard').slideUp('0.3s')
// })
// $('.userfixed').mouseleave(function(){
//   $('.userfixed img').removeClass('imgactive')
//   $('.userfixed').removeClass('useractive')
//   $('.usercard').slideUp('0.3s')
// })
//登录功能

/*密码显示开关 */
$('.login').on('click','.look img',function(){
  if($('.loginbox input:eq(1)').attr('type')=='password'){
    this.src="./img/upload/睁眼.svg"
    $('.loginbox input:eq(1)').attr('type',"text")
    return
  }
  
  if($('.loginbox input:eq(1)').attr('type')=='text'){
    $('.loginbox input:eq(1)').attr('type','password')
    this.src="./img/upload/闭眼.svg"
    return
  }
})
/*关闭按钮*/
$('.login .close').click(function(){
  $('.mask').hide()
  $(".loginframe").hide()
  $('.loginbox input').val('')

})
/*登录方式切换*/
$('#loginbox1').click(function(){
  $('.loginbox').empty()
  $('.loginbox').html(`<span>账号&nbsp;&nbsp;&nbsp;</span><input type="text" placeholder="请输入账号">
            <br>
            <span>密码&nbsp;&nbsp;&nbsp;</span><input type="password" placeholder="请输入密码">
            <br>
            <div class="look">
              <img class="pointer" src="./img/upload/闭眼.svg" alt="">
              忘记密码?
            </div>
            <button class="signinbtn1">注册</button>
            <button class="loginbtn1">登录</button>`)
  $(this).prop('disabled',true);
  $(this).hover(function(){
    $(this).css('cursor','not-allowed');
  })
  $('.active').removeClass('active')
  $(this).addClass('active')

  $('#loginbox2').prop('disabled',false)
  $('#loginbox2').hover(function(){
    $('#loginbox2').css('cursor','pointer');
  })
  

})
$('#loginbox2').click(function(){
  $('.loginbox').empty()
  $('.loginbox').html(`<span>+86&nbsp;&nbsp;&nbsp;</span><input type="text" placeholder="请输入手机号">
            <br>
            <span>验证码</span><input type="password" placeholder="请输入验证码">
            <br>
            <div class="getvalidcode pointer">
              获取验证码
            </div>
            <button class="loginbtn2">登录/注册</button>`)
  $(this).prop('disabled',true);
  $(this).hover(function(){
    $(this).css('cursor','not-allowed');
  })
  $('.active').removeClass('active')
  $(this).addClass('active')
  
  $('#loginbox1').prop('disabled',false)
  $('#loginbox1').hover(function(){
    $('#loginbox1').css('cursor','pointer');
  })

})

//将用户信息存入sessionStorage
function storageuser(user){  
  localStorage .setItem('uid',user.uid)
  localStorage.setItem('account',user.account)
  localStorage.setItem('password',user.password)
  localStorage.setItem('sex',user.sex)
  localStorage.setItem('token',user.token)
  localStorage.setItem('career',user.career)
  localStorage.setItem('username',user.username)
  localStorage.setItem('profilepic',user.profilepic)
  localStorage.setItem('vipstatus',user.vipStatus)
}
//前端nowuser对象
let nowuser={
uid:localStorage.getItem('uid'),
 account: localStorage.getItem('account'),
 password:localStorage.getItem('password'),
 sex:localStorage.getItem('sex'),
 token:localStorage.getItem('token'),
 career:localStorage.getItem('career'),   
 username:localStorage.getItem('username'), 
 profilepic:localStorage.getItem('profilepic'),
 vipStatus:localStorage.getItem('vipstatus')
}

    // 判断是否登录，如果没有登录则去登录
    if(nowuser.uid ==null){
      resError("你还没有登录")
     }

axios.defaults.headers.common['token']=nowuser.token
$.ajaxSetup({
  beforeSend:function(xhr){
    xhr.setRequestHeader('token',nowuser.token)
  }
})

//登录框出现函数
function showlogin(){
  $('.loginframe').show()
  $('.mask').show()
  
}
//点击用户头像，用户id为空弹出登录框
$('.user').click(function(){
  if(nowuser.uid==null){
    showlogin()
  }
})
//密码登录
$('.login').on('click','.loginbtn1',function(){
  let account=$('.loginbox input')[0].value
  let pwd=$('.loginbox input')[1].value
  if(!account ||!pwd){
    alert("输入不能为空")
    return
  }
  axios({
    url:'loginbypwd',
    method:'GET',
    params:{
      account:account,
      pwd:pwd
    }
  }).then(function(res){
    if(res.data.data!=false&&res.data.data!=null){
      storageuser(res.data.data)
      resSuccess('登陆成功')
      $('.mask').hide()
      $(".loginframe").hide()
      if(res.data.data.career == 1){
        location.assign('manage.html')
        return
      }
      location.reload()
    }else{
      resError("账号或密码错误")
    }
  })
})

//获取验证码
$('.loginbox').on('click','.getvalidcode',function(){
  let phonenumber= $('.loginbox input:eq(0)').val()
  if(! /^1[3456789]\d{9}$/.test(phonenumber)){
    alert("号码不符合规定")
    return
  }
  if(!phonenumber){
    alert("手机号不能为空")
    return
  }
  $('.getvalidcode').prop('disabled',true)
  let i=60
  $('.getvalidcode').html('获取验证码(60)')
  let time=setInterval(function(){
    i--
    if(i==0){
      $('.getvalidcode').prop('disabled',false)
      i=60;
      clearInterval(time)
      $('.getvalidcode').html(`获取验证码`)
      return
    }
    $('.getvalidcode').html(`获取验证码(${i})`)
  },1000) 

  console.log("验证码",phonenumber)
  axios({
    url:'sendvalidcode',
    method:'get',
    params:{
      phone:phonenumber
    }
  })
})
//短信登录
$('.loginbox').on('click','.loginbtn2',function(){
  let phonenumber=$('.loginbox input:eq(0)').val()
  let validcode=$('.loginbox input:eq(1)').val()
  console.log('loginbtn2',phonenumber)
  if(phonenumber==''||phonenumber==null||validcode==''||validcode==null){
    alert("输入不能为空")
    return
  }
  axios({
    url:'loginbyvalidcode',
    method:'get',
    params:{
      phone:phonenumber,
      validcode:validcode
    }
  }).then(function(res){
    if(res.data.data!=null){
      storageuser(res.data.data)
      location.reload()
      resSuccess('登陆成功')
    }else{
      resError('账号或密码错误')
    }
  })
})
//退出登录
$('.usercard ul li:eq(4)').click(function(){
  localStorage.clear()
  location.reload()
})
//进入页面判断是否已经有用户登录，如果有就更新头像和昵称
if(nowuser.uid!=null){
  axios({
    url:'getuser',
    params:{
      uid:nowuser.uid
    }
  }).then(function(res){
    let temp=res.data.data
    temp.token=nowuser.token
    storageuser(temp)
  })
  $('.user img').attr('src',nowuser.profilepic)
  $('.usercard span:eq(0)').html(nowuser.username)

  if(nowuser.vipStatus==1){
    $('.usercard span:eq(0)').css('color','#FF538E')
    $('.usercard>p').html('大会员')
  }else{
    $('.usercard>p').html('未开通会员')
    $('.usercard>p').css('background-color','gray')
  }
}
//usercard li鼠标移入高亮
$('.line').parent().siblings().mouseenter(function(){
  $(this).css('background-color','#E3E5E7')
})
$('.line').parent().siblings().mouseleave(function(){
  $(this).css('background-color','white')
})

//顶部search点击跳转
$('.middle .serach span').click(function(){
  let searchinput=$('.serach input').val()
  console.log(searchinput)
  location.assign(`./search.html?word=${searchinput}`)
})

//进入支付页函数
function topay(){
    axios({
      url:'alipay/pay',
      method:'get',
      params:{
        uid:nowuser.uid
      }  
    }).then(function(res){
      console.log(res.data)
      localStorage.setItem('pay',`${res.data}`)
      window.open('pay.html')
    })
}
//会员卡片出现/消失
$('.navVip').click(function(){
  $('.vipcard').slideDown()
})
$('.vipcard').mouseleave(function(){
  $('.vipcard').slideUp()
})


//开通会员按钮
$('.vipcard button').click(topay)

